.favorite-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 5px;
  transition: transform 0.2s;
}

.favorite-btn:hover {
  transform: scale(1.1);
}

.star-icon {
  width: 24px;
  height: 24px;
}

.star-empty {
  display: inline;
}

.star-filled {
  display: none;
}


/* 暗色模式表格适配 */
@media (prefers-color-scheme: dark) {
    :root {
        --bs-table-color: #fff;
    }
    .table,
    .table td,
    .table th {
        color: var(--bs-table-color) !important;
    }
    
    .table td,
    .table th,
    .table thead th {
        border-color: #495057 !important;
    }
    
    .table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.075);
    }
  .table {
    --bs-table-bg: #343a40;
    --bs-table-color: #fff;
    --bs-table-border-color: #495057;
  }
  
  .table th,
  .table td {
    color: #fff !important;
  }
  
  .table tbody td,
  .table tbody tr td,
  .dark .table tbody td,
  .dark .table-sm tbody td,
  .table.table-sm tbody td,
  body[data-theme="default"].dark .table tbody td,
  body[data-theme="default"].dark .table-sm td {
    color: #fff !important;
  }
  
  .dark:text-white,
  body[data-theme="default"].dark .table th.dark\:text-white,
  body[data-theme="default"].dark .table td.dark\:text-white {
    color: #fff !important;
  }
  .card-body h5,
  .card-title.h5,
  .card-header.bg-light h3 {
    color: #fff !important;
  }
}